/* CSS Document */
html,body{
background-color: #FFF;
margin: 0px;
padding: 0px;
color: #000;
-webkit-tap-highlight-color:rgba(0,0,0,0);
height:100%;
text-align:center;
font-family:"微软雅黑","微软雅黑",Arial,Helvetica,sans-serif;
font-size:14px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*{ margin:0px; padding:0px;}
ul,li{
list-style: none;
padding: 0px;
margin: 0px;
}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{
margin:0px;
padding:0px;
}
img{ border:none;}
a{
text-decoration:none;
outline:none;
}
a:focus,a:active {
outline: none;
}
a:link,a:visited {
color: #666;
text-decoration: none;
}
a:hover,a:active {
text-decoration: none;
color: #666;
}
.left{float:left;}
.right{float:right;}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
/*判断浏览器是否为IE9以上*/
.browser{
display:none;
position:fixed;
top:0px;
left:0px;
background:#FFF;
width:100%;
height:1000px;
text-align:center;
z-index:1000;
padding-top:100px;
font-size:20px;
font-family:'微软雅黑';
}
/*=============== public top start==================*/
/*=============== public top start==================*/
header{
background:#fff;
}
header .pubTop{
padding:0px;
height:100px;
}
header .pubTop h1{
float:left;
margin:0px;
padding:0px;
padding-top:15px;
margin-right:100px;
position:relative;
z-index:3;
}
header .pubTop h1 a{
display:block;
}
header .language{
float:right;
height:100px;
width:50px;
position:relative;
}
header .language .earth{
display:block;
height:100%;
background:url(../images/earth.png) center center no-repeat;
}
header .language:hover .earth{
background-color:#E5E5E5;
}
header .language:hover ul{
display:block;
}
header .language ul{
position:absolute;
top:100px;
right:0px;
background:#EEE;
padding:0px;
width:150px;
z-index:100;
display:none;
}
header .language ul li a{
display:block;
height:50px;
line-height:50px;
}
header .language ul li a:hover{
background:#da251c;
color:#FFF;
}
header .lg{
float:right;
width:50px;
text-align:center;
padding-top:35px;
}
header .pubMenu{
display:none;
clear:both;
position:absolute;
width:100%;
text-align:left;
background:#da251c;
z-index:1000;
}
header .pubMenu .btn{
position:absolute;
color:#da251c;
font-size:36px;
right:10px;
top:-80px;
font-weight:normal;
}
header .pubMenu .btn:first-child{
width:32px;
height:32px;
right:80px;
top:-65px;
background:url(../picture/lg.png) no-repeat center center;
background-size:100% auto;
}
header .pubMenu ul{
padding:20px;
display:none;
overflow:hidden;
}
header .pubMenu ul li{
line-height:50px;
border-bottom:1px solid #b51008;
}
header .pubMenu ul:nth-child(3) li{
border-bottom:0px;
}
header .pubMenu ul li a{
color:#FFF;
font-size:16px;
text-indent:10px;
display:block;
}
header .pubMenu ul li a:hover{
background:#e9231a;
}
header .pubMenu ul li div{
padding:0px 20px 20px 20px;
display:none;
}
header .pubMenu ul li div a{
font-size:14px;
line-height:30px;
margin-top:5px
}
header .pubMenu ul li span{
font-size:14px;
font-weight:bold;
color:#FFF;
line-height:44px;
padding-right:10px;
}
@media (max-width: 1200px) {
header{
background: #fff;
}
header .pubTop{
height:auto;
width:100%;
height:90px;
}
header .pubTop h1{
float:left;
padding-top:8px;
}
header .pubMenu{
display:block;
top:90px;
}
header .pubTop div{
display:none;
}
}
@media (max-width: 768px) {
header .pubTop{
height:60px;
}
header .pubTop h1{
padding-top:5px;
padding-left:10px;
text-align:left;
}
header .pubTop h1 img{
height:45px;
}
header .pubMenu{
top:60px;
}
header .pubMenu .btn{
font-size:28px;
top:-60px;
}
header .pubMenu .btn:first-child{
width:24px;
height:24px;
right:60px;
top:-45px;
}
}
/*=============== public top end==================*/
/*=============== public navbar start==================*/
.navbar{
border:0px;
background:none;
height:100px;
margin:0px;
border-radius:0px;
}
@media (max-width: 1200px) {
.navbar{
display:none;
}
}
.navbar .navbar-nav,.navbar .container,.navbar .navbar-collapse {
padding:0px;
}
.navbar .navbar-nav li a{
padding:0px 20px;
font-size:15px;
color:#333;
height:100px;
line-height:100px;
display:block;
}
.navbar .navbar-nav .active a,.navbar .navbar-nav .active a:hover,.navbar .navbar-nav li a:hover,.navbar .navbar-nav li a:active,.navbar .navbar-nav li a:focus,.navbar .navbar-nav .open a:focus{
background:none;
color:#da251c;
}
.navbar .navbar-nav .dropdown .dropdown-menu{
box-shadow:0px 0px 0px 0;
border:0px;
width:250px;
padding:0px;
height:0px;
overflow:hidden;
display:block;
transition: all 0.2s;
background:none;
}
.navbar .navbar-nav .dropdown .dropdown-menu li{
background:#EEE;
overflow:hidden;
border-radius:0px;
height:50px;
line-height:50px;
}
.navbar .navbar-nav .dropdown:hover{
background:none;
}
.navbar .navbar-nav .dropdown:hover .dropdown-menu{
height:1000px;
}
.navbar .navbar-nav .dropdown .dropdown-menu a{
height:50px;
line-height:50px;
padding:0px;
text-indent:30px;
color:#333;
}
.navbar .navbar-nav .dropdown .dropdown-menu a:hover{
color:#FFF;
background:#da251c;
}
/*=============== public navbar end==================*/
/*=============== animate css start ===================*/
.not-animated { opacity:0; }
/*=============== animate css end ===================*/
/* ====== footer start ====== */
footer{
background:#222;
color:#FFF;
padding:
}
footer .footer{
padding:30px 0px 40px;
line-height:24px;
overflow:hidden;
}
footer .footer .col-sm-2{
text-align:center;
line-height:50px;
}
@media (max-width: 768px) {
footer .footer{
display:none;
}
}
footer .footer dl{
float:left;
width:20%;
}
footer .footer dl a{
color:#a4a4a4;
line-height:28px;
font-size:13px;
}
footer .footer dl a:hover{
color:#FFF;
}
footer .footer dl dt{
line-height:40px;
padding-top:10px;
}
footer .footer dl dt a{
color:#FFF;
font-size:16px;
}
footer .footer div{
text-align:left;
}
footer .footer div:first-child{
padding:0px;
}
footer .footer div:last-child{
padding-top:10px;
}
footer .copyRight{
background:#282828;
line-height:46px;
color:#a4a4a4;
text-align:left;
}
footer .copyRight a{
color:#6a6a6a;
}
footer .copyRight a:hover{
color:#EEE;
}
/* ====== footer end ====== */
/* ====== go top start ====== */
.gotop {
background-color: rgba(0, 0, 0, 0.5);
bottom: 50px;
position: fixed;
right: 20px;
z-index: 10;
width:55px;
height:55px;
display:none;
}
.gotop:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
display: block;
height: 55px;
overflow: hidden;
width: 55px;
font-size:24px;
color:#FFF;
text-align:center;
line-height:55px;
}
/* ====== go top end ====== */
/*====== public banner start ======*/
.pubBanner{
background-size:cover;
background-position:center center;
}
/*====== public banner end ======*/
/*====== bread start ======*/
.bread{
height:62px;
line-height:62px;
text-align:left;
color:#808080;
font-size:12px;
}
.bread a{
color:#808080;
}
.bread a:hover{
color:#666;
}
.bread strong{
color:#333;
}
.bread span{
display:inline-block;
padding-right:5px;
}
/*====== bread end ======*/
/*====== public banner start ======*/
.pubBanner{
background-position:top center;
background-size:auto 400px;
background-repeat:no-repeat;
height:400px;
}
@media (min-width:768px) and (max-width:991px) {
.pubBanner{
background-size:auto 350px;
height:350px;
}
}
@media screen and (max-width:768px) {
.pubBanner{
background-size:auto 280px;
height:280px;
}
}
@media screen and (max-width:640px) {
.pubBanner{
background-size:auto 180px;
height:180px;
}
}
@media screen and (max-width:480px) {
.pubBanner{
background-size:auto 110px;
height:120px;
}
}
/*====== public banner end ======*/
/* ====== category model start ====== */
.cateModel {
padding:40px 0px 100px;
}
@media (max-width: 768px) {
.cateModel {
padding:10px 0px 30px 0px;
}
.cateModel .right .pubBread,.cateModel .right .proCon{
padding:0px 10px;
}
.cateModel .right .pubBread span{
display:none;
}
.cateModel .left{
display:none;
}
}
.cateModel .left{
width:260px;
float:left;
padding:0px;
}
.cateModel .left h3{
background:#002A8F;
color:#FFF;
font-size:19px;
text-indent:24px;
height:72px;
line-height:72px;
text-align:left;
}
.cateModel .left ul{
background:url(../images/sidebar1.jpg);
}
.cateModel .left ul li{
height:55px;
line-height:55px;
overflow:hidden;
text-align:left;
border-bottom:1px solid #e5e5e5;
text-indent:24px;
}
.cateModel .left ul li a{
color:#666;
font-size:14px;
display:block;
}
.cateModel .left ul li:hover a{
color:#da251c;
}
.cateModel .left ul li.active a{
color:#002A8F;
}
.cateModel .left {
width:260px;
float:left;
}
.cateModel .right{
width:calc(100% - 260px);
float:right;
padding-bottom:30px;
padding-left:30px;
}
.cateModel .right .proList{
padding-top:20px;
}
.cateModel .right .proList li{
padding:0px 25px;
}
.cateModel .right .proList li a{
color:#333;
overflow:hidden;
width:100%;
display:block;
}
.cateModel .right .proList li a:nth-child(2){
height:40px;
line-height:40px;
text-align:center;
overflow:hidden;
}
.cateModel .right .proList li a.txt{
height:55px;
line-height:55px;
overflow:hidden;
border:0px;
}
.cateModel .right .proList li a:hover{
color:#da251c ;
}
.cateModel .right .proList li img{
transition:all 0.6s;
width:100%;
}
.cateModel .right .proList li img:hover{
transform:scale(1.4);
}
.cateModel .right .proList li h3{
text-align:left;
height:50px;
padding-top:5px;
line-height:45px;
font-size:16px;
font-weight:bold;
}
.cateModel .right .proList li h3 a{
color:#4d4d4d;
}
.cateModel .right .proList li h3 a:hover{
color:#0f61b9;
}
.cateModel .right .proList li p{
text-align:left;
line-height:25px;
color:#4d4d4d;
}
@media (max-width: 768px) {
.cateModel .right{
padding:0px;
}
.cateModel .right .proList li{
padding:0px 5px 0px 10px;
}
.cateModel .right .proList li:nth-child(2n){
padding:0px 10px 0px 5px;
}
}
/* ====== public page start ======= */
#PageContent{
clear:both;
padding:15px 0px;
text-align:center;
font-size:14px;
color:#666;
text-indent:0px;
}
#PageContent a{
height:30px;
line-height:28px;
padding:0px 10px;
display:inline-block;
border:1px solid #ddd;
background:#FFF;
transition:all 0.3s;
color:#333;
margin:0px 3px;
}
#PageContent span{
height:30px;
line-height:28px;
padding:0px 10px;
display:inline-block;
border:1px solid #EEE;
background:#FFF;
color:#666;
margin:0px 3px;
}
#PageContent a:hover,#PageContent span.current{
background:#da251c ;
border:1px solid #da251c ;
color:#FFF;
}
@media (max-width: 768px) {
#PageContent a, #PageContent span{
display:none;
}
#PageContent .prev, #PageContent .next {
display:inline-block;
width:calc(50% - 6px);
padding:8px;
height:auto;
}
#PageContent .prev {
border-radius:10px 0px 0px 10px;
}
#PageContent .next {
border-radius: 0px 10px 10px 0px;
}
}
/* ====== public page end ======= */
.cateModel .about{
text-align:left;
line-height:35px;
}
.cateModel .about img{
max-width:100%;
}
@media (max-width: 768px) {
.cateModel .left,.cateModel .right{
width:100%;
}
}
/* ====== category model end ====== */
/* ====== content model start ====== */
.contModel h1{
font-size:28px;
font-weight:normal;
color:#4d4d4d;
height:90px;
line-height:110px;
}
.contModel .conBtn{
text-align:center;
}
@media (max-width: 768px) {
.contModel .conBtn,.contModel h1{
display:none;
}
}
.contModel .conBtn a{
display:inline-block;
padding:0px 35px;
height:45px;
line-height:45px;
color:#808080;
background:#f4f4f4;
transition:all 0.3s;
margin:0px 5px;
}
.contModel .conBtn a.active,.contModel .conBtn a:hover{
background:#0f61b9;
color:#FFF;
}
.contModel .pubContent{
padding:20px 0px 50px;
}
.contModel .pubContent img{
max-width:100%;
}
.contModel .newsList{
padding:30px 0px;
}
.contModel .newsList li a{
color:#333;
overflow:hidden;
width:100%;
display:block;
}
.contModel .newsList li a.txt{
height:30px;
line-height:30px;
overflow:hidden;
}
.contModel .newsList li a:hover{
color:#0f61b9 ;
}
.contModel .newsList li img{
transition:all 0.6s;
width:100%;
}
.contModel .newsList li img:hover{
transform:scale(1.4);
}
.contModel .newsList li h3{
text-align:left;
height:50px;
overflow:hidden;
padding-top:5px;
line-height:45px;
font-size:16px;
font-weight:bold;
}
.contModel .newsList li h3 a{
color:#4d4d4d;
}
.contModel .newsList li h3 a:hover{
color:#0f61b9;
}
.contModel .newsList li p{
text-align:left;
line-height:25px;
color:#4d4d4d;
height:75px;
overflow:hidden;
}
.contModel h2{
font-size:22px;
font-weight:normal;
color:#4d4d4d;
height:100px;
line-height:120px;
overflow:hidden;
}
.contModel .subTitle,.contModel .subTitle a{
font-size:12px;
color:#999;
}
.contModel .subTitle,.contModel .subTitle span{
display:inline-block;
padding:0px 10px;
}
.contModel .subTitle .bdsharebuttonbox{
display:inline-block;
vertical-align:middle;
}
/*============css3图片放大效果==============*/
.cateModel .picList{
padding:30px 0px;
}
.cateModel .picList ul li{
overflow: hidden;
position:relative;
margin:0px;
}
.cateModel .picList ul li a {
display:block;
overflow:hidden;
position:relative;
line-height:30px;
text-indent:0px;
text-align:center;
}
.cateModel .picList ul li .img {
display:block;
overflow:hidden;
position:relative;
height:auto;
text-indent:0px;
padding:0px;
border:1px solid #EEE;
}
.cateModel .picList ul li .img img {
width:100%;
cursor: pointer;
transition: all 0.6s;
}
.cateModel .picList ul li .img:hover img{
transform: scale(1.4);
}
.cateModel .picList ul li a{
color:#4d4d4d;
line-height:40px;
}
.cateModel .picList ul li a:hover{
color:#0f61b9;
}
.nContent h2{
font-size:22px;
font-weight:normal;
color:#4d4d4d;
height:100px;
line-height:120px;
overflow:hidden;
}
.nContent .subTitle,.nContent .subTitle a{
font-size:12px;
color:#999;
}
.nContent .subTitle,.nContent .subTitle span{
display:inline-block;
padding:0px 10px;
}
.nContent .subTitle .bdsharebuttonbox{
display:inline-block;
vertical-align:middle;
}
.nContent .pubContent{
padding:20px 0px 50px;
text-align:left;
color:#666;
line-height:30px;
}
@media (max-width: 768px) {
.nContent .pubContent{
padding:10px 10px 30px 10px;
}
}
.nContent .pubContent img{
max-width:100%;
}
.nContent .pubContent a{
color:#4d4d4d;
}
.nContent .pubContent a:hover{
color:#da251c;
}
.cateModel .right .pubBread{
border-bottom:1px solid #e9e9e9;
height:40px;
line-height:40px;
color:#a1a1a1;
margin-bottom:10px;
}
.cateModel .right .pubBread h3{
text-align:left;
font-size:16px;
color:#333;
font-weight:bold;
line-height:40px;
}
.cateModel .right .pubBread span{
text-align:right;
float:right;
}
.cateModel .right .pubBread span a:hover{
color:#a1a1a1;
}
.cateModel .right .proCon{
text-align:left;
padding-top:15px;
padding-bottom:15px;
line-height:30px;
}
.cateModel .right h2{
height:50px;
line-height:50px;
overflow:hidden;
font-size:20px;
text-align:center;
font-weight:bold;
color:#4d4d4d;
}
.cateModel .right .proImg img,.cateModel .right .proCon img{
max-width:100%;
}
.cateModel .right .proImg{
padding:15px 0px;
}
@media (max-width: 768px) {
.nList ul{
padding-left:10px;
padding-right:10px;
}
}
.nList ul li{
height:46px;
line-height:46px;
text-align:left;
border-bottom:1px solid #e5e5e5;
text-indent:15px;
position:relative;
overflow:hidden;
}
.nList ul li a:hover{
color:#da251c;
}
.nList ul li p{
display:block;
float:right;
color:#999;
}
.nList ul li span{
display:block;
position:absolute;
top:0px;
left:0px;
width:30px;
height:46px;
}
.nList ul li span i{
display:block;
width:2px;
height:2px;
background:#7c7c7c;
position:absolute;
top:20px;
left:4px;
}
.nList ul li span i:first-child{
top:20px;
left:0px;
}
.nList ul li span i:last-child{
top:24px;
}
/*=============== public job start ==================*/
.jobList{
text-align:left;
padding:0px;
}
.jobList ul li{
border-bottom:1px solid #EEE;
position:relative;
}
.jobList ul li section{
top:15px;
right:15px;
font-size:16px;
color:#999;
position:absolute;
}
.jobList ul li div{
line-height:50px;
height:50px;
overflow:hidden;
padding-right:30px;
cursor:pointer;
font-size:12px;
color:#666;
}
.jobList ul li div span{
height:50px;
overflow:hidden;
}
.jobList ul li div span:first-child{
font-weight:bold;
color:#da251c;
font-size:14px;
}
.jobList ul li div span:last-child{
text-align:right;
}
.jobList ul li div:hover,.jobList ul li div.on{
background:#F5F5F5;
}
.jobList ul li p{
padding:10px;
font-size:12px;
line-height:30px;
color:#666;
display:none;
}
.jobList ul li p font{
display:none;
}
.jobList ul li p a{
display:block;
width:100px;
background:#da251c;
color:#FFF;
height:40px;
line-height:40px;
text-align:center;
border-radius:0px;
padding:0px;
}
@media (max-width: 768px) {
.jobList ul li p font{
display:block;
}
}
.jobContent{
padding:20px 10px;
}
.jobContent .jobInfo{
width:100%;
background:#FFF;
box-shadow:0px 0px 5px #999;
text-indent:20px;
text-align:left;
}
.jobContent .jobInfo h3{
padding:20px 0px 10px 0px;
font-size:18px;
font-weight:bold;
}
.jobContent .jobInfo p{
line-height:40px;
padding:0px;
}
.jobContent .jobInfo p i{
display:inline-block;
width:80px;
text-indent:0px;
font-style:normal;
}
.jobContent .jobInfo span{
padding:0px 20px 10px 20px;
line-height:24px;
display:block;
}
.jobContent .jobInfo .btn{
padding:10px;
margin-top:30px;
border-radius:0px;
text-indent:0px;
}
.jobContent form{
background:#FFF;
box-shadow:0px 0px 5px #999;
padding:20px 10px;
}
.jobContent form .input-group{
padding:10px;
width:100%;
}
/*=============== public job end ==================*/
/*message*/
.message{
padding:15px 0px;
max-width:100%;
}
.message .input-group{
padding:15px 10px;
}
@media (max-width: 768px) {
.message .input-group{
padding:10px;
}
}
.message .input-group .addon-code{
padding:0px 5px;
}